<template>
	<view class="page">
		<!-- 自定义导航栏 -->
		<!-- 自定义导航栏 -->
		<view>
			<u-navbar  :autoBack="true" bgColor="#252928" safeAreaInsetTop placeholder="true">
				<view style="display: flex;" class="u-nav-slot" slot="left">
					<u-icon color="#ffffff" name="arrow-left" size="19"></u-icon>
					<view style="font-size: 36rpx;margin-left: 20rpx;">设置</view>
					
				</view>
			</u-navbar>
		</view>
		<u-cell-group>
			<view class="ingo-cell" style="position: relative;" @click="Gosafety">
				<u-cell style="pointer-events: none ; " :titleStyle="titleStyle"
					:rightIconStyle="rightIconStyle" size="large" title="账号与安全" isLink :border="false"
					><u-icon slot="icon" size="34" name="https://img.xieling.top/set2.png"></u-icon></u-cell>
					<u-badge :show="badge" :isDot="true" type="error" ></u-badge>

			</view>
			<view class="ingo-cell">
				<u-cell style="pointer-events: none ; " :titleStyle="titleStyle"
					:rightIconStyle="rightIconStyle" size="large" title="我的客服" isLink :border="false"
					><u-icon slot="icon" size="34" name="https://img.xieling.top/set1.png"></u-icon></u-cell>
			
			
			</view>
			<view class="ingo-cell" @click="GoAbout">
				<u-cell style="pointer-events: none ; " :titleStyle="titleStyle"
					:rightIconStyle="rightIconStyle" size="large" title="关于鲸探" isLink :border="false"
					><u-icon slot="icon" size="34" name="https://img.xieling.top/set3.png"></u-icon></u-cell>
			
			
			</view>
			<view class="ingo-cell" style="height: 80rpx;">
				
			<view @click="quit" style="color: #9f444a; line-height: 70rpx;text-align: center;font-weight: 500;">
				退出登录
			</view>
			
			</view>
		</u-cell-group>
			<u-popup :show="show" mode="center" :round="10" bgColor="#1e201f"  >
			        <view class="info-name" style="width: 600rpx;">
			            <view style="margin-top: 10rpx; height: 80rpx ;line-height: 120rpx; text-align: center;font-weight: 600;">
			            	确认要退出登录吗
			            </view>
						
						<view class="" style="border-top: 1px solid #353938;margin-top: 40rpx; display: flex;" >
							<view  @click="close(2)" class="" style="width: 50%; text-align: center;height: 100rpx; line-height: 100rpx; border-right: 1px solid #353938;">
								取消
							</view>
							<view @click="confirm" class="" style="color:#9f444a ; width: 50%; text-align: center;height: 100rpx; line-height: 100rpx;">
								退出登录
							</view>
						</view>
			        </view>
				</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				badge:1,
				show:0,
				titleStyle: {
					color: '#ffffff',


				},
				rightIconStyle: {
					color: '#626463'
				},
			};
		},
		methods:{
			quit(){
				this.show = 1
			},
			close(){
				this.show=0
			},
			confirm(){
				console.log("退出")
				uni.switchTab({
				    url: '../../tabbar/index/index'
				});
			},
			Gosafety(){
				console.log("111")
				uni.navigateTo({
					url:'../safety/safety'
				})
			},
			GoAbout(){
				uni.navigateTo({
					url:'../About/About'
				})
			}
		}
	}
</script>

<style scoped>
	>>>.u-safe-area-inset-bottom{
		padding: 0;
	}
	>>>.u-cell--clickable{
			background-color: #3c3f3d!important;
			border-radius: 50rpx;
			
		}
		>>>.u-badge--error{
			    position: absolute;
			    top: 35rpx;
			    left: 250rpx;
		}
		
		/* >>>.u-cell__body--large{
			padding-top: 0px!important; 
			     padding-bottom: 0px!important;
		} */
		>>>.u-line{
				border: none!important;
			}
	.page {

		
		
	}
	.ingo-cell {
		height: 120rpx;
		background-color: #3c3f3d;
		border-radius: 25rpx;
		width: 95%;
		margin: 0px auto;
		margin-top: 50rpx;
		box-sizing: border-box;
		padding-top: 6rpx;
	}
</style>
